<!-- 商品简介组件 -->
<template>
  <div class="goods-desc">
    <div v-if="desc">
      <div class="desc-top"></div>
      <p class="desc-conent">{{ desc }}</p>
      <div class="desc-bottom"></div>
    </div>
  </div>
</template>

<script>
export default {
  name: "",
  props: {
    desc: {
      type: String,
      default: "商品详情"
    }
  },
  data() {
    return {};
  },
  components: {}
};
</script>

<style scoped>
.goods-desc {
  background: #fff;
  padding: 10px;
  position: relative;
}
.desc-conent {
  padding: 10px;
}
.desc-top,
.desc-bottom {
  width: 16px;
  height: 16px;
  position: absolute;
}
.desc-top {
  left: 10px;
  top: 10px;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.desc-bottom {
  right: 10px;
  bottom: 10px;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
</style>
